<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车牌绑定</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
    <link rel="stylesheet" href="/css/mobile/demos.css"/>
    <link rel="stylesheet" href="/css/mobile/common.css"/>
    <link rel="stylesheet" href="/css/mobile/plate_number.css"/>
</head>
<body ontouchstart>
<header class="mobile-header">
    <h1 class="mobile-title">车牌绑定</h1>
</header>
<div class="bd">
    <div class="weui-cells weui-cells_form">
        <div class="weui-cells__title">
            请填写车牌
        </div>
        <div class="weui-cell">
            <div id="carLicenseBox">
                <div class="carLicenseMain">
                    <ul>
                        <li class="active">省</li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li class="xinnengyuan"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="weui-cells__title">
            请选择小区
        </div>
        <div class="weui-cell weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
                <label for="" class="weui-label">小区</label>
            </div>
            <div class="weui-cell__bd">
                <select class="weui-select" name="select2">
                    <option value="1">白菜园</option>
                    <option value="2">垃圾校区</option>
                    <option value="3">OK城</option>
                    <option value="4">贫民窟</option>
                </select>
            </div>
        </div>
        <label for="weuiAgree" class="weui-agree">
            <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox">
            <span class="weui-agree__text">阅读并同意<a href="javascript:void(0);">《相关条款》</a></span>
        </label>
        <div class="weui-btn-area">
            <a class="weui-btn weui-btn_primary submitBtn" href="javascript:;" id="submitBtn">提交</a>
        </div>
    </div>
</div>
<div id="keyboardBox">
    <div class="provienceBox" id="provienceBox">
        <ul>
            <li>京</li>
            <li>津</li>
            <li>渝</li>
            <li>沪</li>
            <li>冀</li>
            <li>晋</li>
            <li>辽</li>
            <li>吉</li>
            <li>黑</li>
            <li>苏</li>
        </ul>
        <ul>
            <li>浙</li>
            <li>皖</li>
            <li>闽</li>
            <li>赣</li>
            <li>鲁</li>
            <li>豫</li>
            <li>鄂</li>
            <li>湘</li>
            <li>粤</li>
            <li>琼</li>
        </ul>
        <ul>
            <li>川</li>
            <li>贵</li>
            <li>云</li>
            <li>陕</li>
            <li>甘</li>
            <li>青</li>
            <li>蒙</li>
            <li>桂</li>
            <li>宁</li>
            <li>新</li>
        </ul>
        <ul>
            <li class="changeContentBtn other">ABC</li>
            <li>藏</li>
            <li>使</li>
            <li>领</li>
            <li>警</li>
            <li>学</li>
            <li>港</li>
            <li>澳</li>
            <li class="deleteBtn other"><img src="img/backDeleteImg.jpg"/></li>
        </ul>
    </div>
    <div class="textBox" id="textBox">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>0</li>
        </ul>
        <ul>
            <li>Q</li>
            <li>W</li>
            <li>E</li>
            <li>R</li>
            <li>T</li>
            <li>Y</li>
            <li>U</li>
            <li>I</li>
            <li>O</li>
            <li>P</li>
        </ul>
        <ul>
            <li>A</li>
            <li>S</li>
            <li>D</li>
            <li>F</li>
            <li>G</li>
            <li>H</li>
            <li>J</li>
            <li>K</li>
            <li>L</li>
        </ul>
        <ul>
            <li class="changeContentBtn other">返回</li>
            <li>Z</li>
            <li>X</li>
            <li>C</li>
            <li>V</li>
            <li>B</li>
            <li>N</li>
            <li>M</li>
            <li class="deleteBtn other"><img src="img/backDeleteImg.jpg"/></li>
        </ul>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>-->
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>-->
<!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>-->
<!--<script src="/js/layer/layer.js"></script>-->
</body>
</html>